<!--
 * @Author: your name
 * @Date: 2021-05-31 15:20:29
 * @LastEditTime: 2021-07-08 18:14:34
 * @LastEditors: your name
 * @Description: In User Settings Edit
 * @FilePath: \dolphin-data-center-front-end\src\pages\components\batchProcessing\index.vue
-->
<template>
  <div>
    <div>
      <a-tabs default-active-key="1" @change="callback">
        <a-tab-pane key="1" tab="批量新增/更新"></a-tab-pane>
        <a-tab-pane key="2" tab="批量离职" force-render></a-tab-pane>
        <a-tab-pane key="3" tab="导入历史"></a-tab-pane>
      </a-tabs>
    </div>

    <Tabs1 class="tabs_cnt" v-if="currentTab === 1" />
    <Tabs2 class="tabs_cnt" v-if="currentTab === 2" />
    <Tabs3 class="tabs_cnt" v-if="currentTab === 3" />
  </div>
</template>

<script>
import Tabs1 from "./tabs/tabs1"
import Tabs2 from "./tabs/tabs2"
import Tabs3 from "./tabs/tabs3"

export default {
  name: 'index',
  components: { Tabs1, Tabs2, Tabs3 },
  data () {
    return {
      currentTab: 1
    }
  },
  methods: {
    callback (key) {
      this.currentTab = Number(key)
      this.$Storage.set('excelTypes', Number(key))
    },
  }
}
</script>

<style scoped lang="less">
</style>
